// pages/goods_detail/goods_detail.js
import {request} from '../../request/index.js'

Page({

    /**
     * 页面的初始数据
     */
    data: {
        goodsDetail:{}
    },
    goodsInfo:{},
    goods_id:'',
    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function (options) {
        console.log(options.goods_id)
        this.goods_id = options.goods_id;
        this.getGoodsDetail();
    },
    async getGoodsDetail() {
        const {data:res} = await request({url:"https://api-hmugo-web.itheima.net/api/public/v1/goods/detail",data:{goods_id:this.goods_id}});
        console.log(res)
        this.goodsInfo = res.message;
        let goodsDetail = {
            pics:res.message.pics,
            // iphone 部分手机 不识别 webp格式图片
            // 最好找到后台 让他进行修改
            // 临时自己改 确保后台存在 1.webp =》 1.jpg 
            goods_introduce:res.message.goods_introduce.replace(/\.webp/g, '.jpg'),
            goods_price:res.message.goods_price,
            goods_name:res.message.goods_name
        }

        this.setData({
            goodsDetail
        })

    },
    handlePreviewImage(e) {
        let url = e.currentTarget.dataset.url;
        let urls = this.data.goodsDetail.pics.map((item)=>{
            return item.pics_mid
        });
        wx.previewImage({
            current: url, // 当前显示图片的http链接
            urls: urls // 需要预览的图片http链接列表
        })
    },
    handleCartAdd(){
        let cart = wx.getStorageSync('cart')||[];

        let index = cart.findIndex(item=>item.goods_id===this.goodsInfo.goods_id);
        
        if(index === -1){
            // 3、如果不存在，则第一次添加
            this.goodsInfo.num = 1;
            //添加一个商品的选中状态 
            this.goodsInfo.checked = true;
            cart.push(this.goodsInfo);
        }else{
            // 4、已经存在购物车数据 执行 num++
            cart[index].num++
        }
        // 5、把购物车重新添加回缓存中
        wx.setStorageSync('cart', cart);
        //6、弹框提示
        wx.showToast({
            title: '添加成功',
            mask: true,
        });

    }
})